<template>
<div class="px-10 py-6 overflow-y-auto" style="height: 575px; background: rgba(0, 0, 0, 0.05);">
  <div class="new-list flex justify-center text-center font-bold text-lg">
    <div>{{form.title}}</div>
  </div>
  <div  v-html="form.contentHtml" class="mt-5 flex justify-center my-content">
    <!-- <quill-editor ref="myQuillEditor" v-model="form.contentHtml"  /> -->
  </div>
  </div>
</template>
<script>
import 'quill/dist/quill.snow.css'
// import { quillEditor } from 'vue-quill-editor'
export default {
    props: {
    form: {
      type: Object,
      default: () => {
        return {};
      },
    },
  },
  // components: { quillEditor },
  data() {
    return {
     
    }
  },
  methods:{
       save() {
      this.$ajax({
        url: this.$api.news.saveOrUpdate,
        data:this.form ,
        success: (result) => {
          this.$message.success("操作成功");
          this.$emit("pass", null);
          // this.$router.push(`/member/list`);
        },
        fail: (err) => {
          this.$message.success(err);
        //   this.$emit("reject", null);
        },
      });
    },
  }
}
</script>
<style>
.ql-container {
  min-height: 300px;
}
.quill-editor {
  width: 100%;
}
.new-list{
    display:flex;
    padding:10px;
    align-items: center;
}
.my-content > p{
  width: 100%;
}
</style>